<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#ceshi{
				width: 200px;
				height: 200px;
				border-width:5px;
				border-style:dashed;
				/*border-color: red;*/
				/*background-color: #008000;*/
				/*border: 1px solid blue;*/
				background-color: #008000;
				 font-size: 2px;
			}
		</style>
		
		
	</head>
	<body>
		
		<div id="ceshi" style="font-weight: bold;">
			
		</div>
		<script src="77/js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		var ceshi=$("#ceshi").css("background-color");
//	    var color=ceshi.css("borderColor");
//			console.log(color);
		var aa=document.getElementById("ceshi");
		document.getElementsByClassName("")[0];
		console.log(ceshi);
//		for (var i = 0; i < aa.style.length; i++) {
//			console.log(aa.style.length);
//		}
//		$("#ceshi").hover(function(){
//			$("#ceshi").animate({
//				"width":"300px",
//				"height":"300px"
//			})
////			console.log($("#ceshi").css("background-color"));
////			console.log(aa.style.borderColor);
//		},function(){
//			$("#ceshi").animate({
//				"width":"200px",
//				"height":"200px"
//			})
//		})
//		var ceshi_org=document.getElementById("ceshi").style.border;
//		console.log(ceshi_org);
		/*alert(ceshi_org);*/
		</script>
	</body>
</html>
